@import "reset.scss";
@import "variables.scss";
@import "mixin.scss";
// @import 'element-variables.scss';
// @import 'element-ui/lib/theme-chalk/index.css';
// @import 'font-awesome/css/font-awesome.css';
html,
body {
  @include size(100%, 100%);
  padding: 0;
  margin: 0;
}
body {
  color: $WHITE_COLOR;
  background-color: $WHITE_COLOR;
}

body * {
  font-size: $FONT_SIZE;
  box-sizing: border-box;
}

.text-normal {
  color: $WHITE_COLOR;
}

.el-scrollbar__wrap {
  overflow-x: hidden;
}

.gray-font {
  color: $ASSIST_FONT_COLOR;
}

.text-big {
  font-size: $FONT_SIZE + 8;
  font-weight: bold;
}

.inline-block {
  display: inline-block;
}

.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.pointer {
  &:hover {
    cursor: pointer;
  }
}

//垂直居中定位
.middle-vertical {
  position: relative;
  *:only-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

//水平居中定位
.middle-horizontal {
  position: relative;
  * :only-child {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

//完全居中定位
.middle-pos {
  position: relative;
  *:only-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

//上下外边距；
.vertical-margin-box {
  margin: 20px 0;
}

.boxShadow {
  box-shadow: 0px 4px 10px rgba(11, 49, 138, 0.5);
}

.el-breadcrumb__inner.is-link:hover {
  // 面包屑样式
  color: #6565e6 !important;
}

// .el-checkbox__input.is-checked .el-checkbox__inner {
//   // 复选框样式
//   border-color: #6565e6 !important;
//   background-color: #6565e6 !important;
// }
// .el-checkbox__input.is-checked + .el-checkbox__label {
//   // 复选框样式
//   color: #6565e6 !important;
// }

// .el-checkbox__inner:hover {
//   // 鼠标经过复选框样式
//   border-color: #6565e6 !important;
// }

.el-card {
  // 卡片背景颜色
  background-color: #fff !important;
  // padding: 20px 20px 0 20px !important;
  // margin: 20px !important;
}

.el-table__row--striped > td {
  // 表格斑马线背景颜色
  background-color: #f6f6fb !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  // 移动到当前表格行样式
  background-color: #ededfa !important;
}

.el-table__header tr,
  .el-table__header th { // 表头高度
//     padding: 0;
//     height: 56px !important;
//     line-height: 56px !important;
    color: #333334;
}

// .el-table__body tr>div,
  // .el-table__body td>div {
//   height: 30px !important;
//   line-height: 30px !important;
// }

.el-table__body tr,
  .el-table__body td { // 表格行高
//     padding: 0;
//     height: 56px !important;
//     line-height: 56px !important;
    color: #333334;
}

.el-table .cell {
  line-height: 30px !important;
  .el-button {
    padding: 8px 0px 12px 0px !important;
  }
}

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {
overflow: scroll!important;
}

.el-loading-spinner .el-loading-text {
  font-size: 18px !important;
}

// .el-pagination.is-background .el-pager li:not(.disabled):hover {
//   // 鼠标移动到当前分页
//   color: #989898 !important;
// }

// .el-pagination.is-background .el-pager li:not(.disabled).active {
//   // 选中当前分页
//   background-color: #6565e6 !important;
// }

// .el-button--primary {
//   // 按钮颜色
//   background-color: #6565e6 !important;
//   border-color: #6565e6 !important;
// }

// .textBtn:hover {
//   // 移动到当前按钮样式
//   color: #6565e6 !important;
//   border-color: #8181f9 !important;
//   background-color: #b4b4d7 !important;
// }

.info {
  padding: 20px !important;
}

.is-disabled.el-button.el-button--primary {
  // 禁用状态下primary类型按钮颜色
  background-color: #7d7e9b !important;
  color: #cacaf1 !important;
}

.global_add {
  // 新增
  color: #6d6fe9 !important;
}

.global_add.is-disabled {
  // 禁用新增
  color: #989898 !important;
}

.global_edit {
  // 编辑
  color: #6565e6 !important;
}

.global_edit.is-disabled {
  // 禁用编辑
  color: #989898 !important;
}

.global_delete {
  // 删除
  color: #f55366 !important;
}

.global_delete.is-disabled {
  // 禁用删除
  color: #989898 !important;
}

.global_reset {
  // 重置密码
  color: #67cd9b !important;
}

.global_reset.is-disabled {
  // 禁用重置密码
  color: #989898 !important;
}

.global_dowlond {
  // 下载
  color: #5bd89b !important;
}

.global_dowlond.is-disabled {
  // 禁用下载
  color: #989898 !important;
}

input::-webkit-input-placeholder {
  // 表单placeholder字体颜色
  color: #989898 !important;
}

.el-table--border {
  // 表格边框
  border: 1px solid #f0f0f5 !important;
}

.el-table__expanded-cell {
  // 表格展开行样式
  background-color: #f0f0fa !important;
}

.el-dialog__title {
  border-left: 3px solid #6565e7 !important;
  color: #6565e7 !important;
  padding-left: 5px !important;
  font-size: 16px !important;
}

.el-dialog__footer {
  text-align: center !important;
}

.el-table__header-wrapper thead > tr > th {
  // 表格表头样式
  background-color: #f6f6fb !important;
}

.el-tabs__active-bar {
  // tabs 当前项 样式
  background-color: #6565e6 !important;
}

.el-tabs__item.is-active {
  // tabs 当前项文字样式
  color: #6565e6 !important;
}

.el-tabs__item:hover {
  // 鼠标移动到当前项的样式
  color: #6565e6 !important;
}

.el-divider {
  background: #6565e6 !important;
}

// .el-date-table td.end-date span,
// .el-date-table td.start-date span {
//   // 日期选择器选中时的样式
//   background-color: #6565e6 !important;
// }

// .el-date-table td.available:hover {
//   // 鼠标经日期选择器时的样式
//   color: #6565e6 !important;
// }
// .el-checkbox__input.is-checked .el-checkbox__inner,
// .el-checkbox__input.is-indeterminate .el-checkbox__inner {
//   // 复选框半选样式
//   background-color: #6565e6 !important;
//   border-color: #6565e6 !important;
// }
